<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
    <title>直播室</title>
    <link href="/public/static/css/main.css" rel="stylesheet">
    <link href="/public/static/css/chat.css?1234" rel="stylesheet">
    <link href="/public/static/css/lightbox.css" rel="stylesheet">
    <script src="/public/static/js/jquery.js"></script>
    <script src="/public/static/js/jquery.json.js"></script>
    <script src="/public/static/js/common.js?88" charset="utf-8"></script>
    <script src="/public/static/js/config.js" charset="utf-8"></script>
    <script src="/public/static/js/comet.js" charset="utf-8"></script>
    <script src="/public/static/js/chat.js?1223" charset="utf-8"></script>
    <script src="/public/static/js/Handlebars.js" charset="utf-8"></script>
    <script src="/public/static/js/handlebarsHelper.js" charset="utf-8"></script>
    <!-- <link href="//public/static/css/bootstrap-responsive.css" rel="stylesheet"> -->
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/r29/html5.js"></script>
    <![endif]-->

</head>
<body>

<div class="container">
            <div id="right-column" style="left:10px">
               <div class="listbox" style="top:0">
                <ul class="chat_right_tab tabul">
                    <li class="active">直播观点</li>
                    <li onclick="isTabLoad(this,function(){loadHistoryNote()})" data-load="true">纸条提问</li>
                    <li class="noTab"><a href="/index.php?g=Admin&m=call&a=add" target="_blank">我要喊单</a></li>
                    <li class="noTab"><input type="button" value="关闭直播室" onclick="closeClass()" class="oc-live close-live"><input type="button" value="开启直播室" onclick="openClass()" class="oc-live open-live"></li>
                </ul>
                <div class="chatwordbox tabbox  active">
                    <ul class="note-nei" id="chat-teacher-messages" data-page="1">

                    </ul>
					<div class="chat-sendmes">
                    <div id="chat-tool">
                        <a id="chat_face" class="chat-face" onClick="toggleFace('chat-facebox')"><i class="chat-ico chat-faceico"></i></a>
                        <span class="chat-img" onClick=""><i class="chat-ico chat-imgico"></i><input type="file" name="name" id="chat-uploadbt"></span>

                        <select class="chat_fontsize">
                            <option value="14">14</option>
                            <option value="16">16</option>
                            <option value="18">18</option>
                            <option value="20">20</option>
                        </select>
                        <select class="chat_fontcolor">
                            <option value="#000">黑色</option>
                            <option value="#e71516">红色</option>
                            <option value="#0f7dde">蓝色</option>
                            <option value="#249311">绿色</option>
                        </select>
                    </div>
                    <div id="chat-facebox" class="show_face">
                    </div>
                    <div id="input-msg">
                        <form id="msgform" class="form-horizontal post-form">
                            <div class="input-append">
                                <textarea id="msg_content" class="areacontent" rows="3" cols="500" contentEditable="true" maxlength="200"></textarea>
                            </div>
                            
                            <input type="button" class="sendmesbt" onClick="checkSend('msg_content','teacher','message')" value="发送">
                        </form>
                    </div>
                </div>
                </div>
                <div class="chatwordbox tabbox">
                    <div class="chat-nei">
                        <ul class="note-nei" id="note-msg" data-page="1"  data-load="true">
                            
                        </ul>
                        <div class="chat-sendmes">
                        <div id="chat-tool">
                            <a id="note_face" class="chat-face" onClick="toggleFace('note-facebox')"><i class="chat-ico chat-faceico"></i></a>
                        </div>
                        <div id="note-facebox" class="show_face">
                        </div>
                        <div id="input-msg">
                            <form class="form-horizontal post-form">
                                <div class="input-append">
                                    <textarea disabled id="note_content" class="areacontent" rows="3" cols="500" contentEditable="true" maxlength="200"></textarea>
                                </div>
                                
                                <input type="button" class="sendmesbt" onClick="checkSend('note_content','teacher','note')" value="发送">
                            </form>
                        </div>
                    </div>
                    </div>
                    
                </div>
              </div>

               
            </div>
            <div id="chat-columnleft" class="span8">
                <div id="chat-messages" style="border:0px solid #ccc;bottom:0" data-page="1">
                    
                </div>

                
            </div>
</div>


<!--网友聊天-->
<script type="text/x-template-handlebars" id="userChatTemplate">
{{#compare from "!=" 0}}
    <div class="message-container">
        <div class="content">
            <span class="chatmes_avatar">
            <img src="{{#compare user.avatar "!=" null}}{{user.avatar}}{{else}}/public/static/img/dftx.jpg{{/compare}}">
            </span>
            <div class="chatnameline">
            <span class="chatname chatnamep">{{user.name}}</span>
            <span class="chatmestime">{{showTime create_time "HH:mm:ss"}}</span>
            </div>
            <span class="chatmesline chatmeslinep"><span class="chatcontent">{{data}}</span>{{#compare user.isme "!=" 1}}<span class="replybt" data-uid="{{user.uid}}" data-time="{{create_time}}" data-uname="{{user.name}}" data-content="{{data}}" onclick="toTalk(this)" >[回复]</span>{{/compare}}</span>
            {{#compare reply_uid "!=" null}}
                <div class="replybox">
                    <span class="chatname chatnamep">{{reply_user.name}}</span>
                    <span class="chatmestime">{{showTime reply_time "HH:mm:ss"}}</span>
                    <p><span class="chatcontent">{{reply_message}}</span></p>
                </div>
            {{/compare}}
        </div>
    </div>
{{/compare}}
</script>
<!--老师消息-->
<script type="text/x-template-handlebars" id="teacherChatTemplate">
{{#compare from "!=" 0}}
    <li class="teacherMsg">
        <div class="chat_t_portrait"><img src="{{#compare user.avatar "!=" null}}{{user.avatar}}{{else}}/public/static/img/dftx.jpg{{/compare}}"></div>
        <div class="chat_t_content">
            <p>{{user.name}}&nbsp;&nbsp;{{showTime create_time "HH:mm:ss"}}</p>
            <p class="chat_t_conword red" style="font-size:{{size}}px;color:{{color}}">
                {{#compare type "==" "img"}}
                    <a class="chatimg" href="{{data}}" data-lightbox="chat-imgitem"><img src="{{data}}"></a>
                {{else}}
                    <span class="chatcontent">{{data}}</span>
                {{/compare}}

            </p>
            {{#compare reply_uid "!=" null}}
            <p class="chat_t_reply">回复 {{reply_user.name}}：<span class="chatcontent">{{reply_message}}</span></p> 
            {{/compare}} 
        </div>
    </li>
{{/compare}}
</script>
<!--纸条-->
<script type="text/x-template-handlebars" id="userNoteTemplate">
{{#compare from "!=" 0}}
    <li class="teacherMsg noteMsg">
        <div class="chat_t_portrait"><img src="{{#compare user.avatar "!=" null}}{{user.avatar}}{{else}}/public/static/img/dftx.jpg{{/compare}}"></div>
        <div class="chat_t_content">
        <p><span class="blue">{{user.name}}</span>&nbsp;&nbsp;对&nbsp;&nbsp;<span class="blue">{{to_user.name}}</span>&nbsp;&nbsp;说&nbsp;&nbsp;{{showTime create_time "HH:mm:ss"}}</p>
        <p class="chat_t_conword red"><span class="chatcontent">{{data}}</span><span class="replybt" data-uid="{{user.uid}}" data-time="{{create_time}}" data-uname="{{user.name}}" data-content="{{data}}" onclick="toNote(this)" >[回复]</span></span></p>
        {{#compare note_uid "!=" null}}
        <p class="chat_t_reply">回复 {{note_name}}：<span class="chatcontent">{{note_message}}</span></p> 
        {{/compare}}
        </div>
    </li>
{{/compare}}
</script>
<script src="/public/static/js/lightbox.js" charset="utf-8"></script>

<script src="/public/static/js/jquery.ui.widget.js" charset="utf-8"></script>
<script src="/public/static/js/jquery.fileupload.js" charset="utf-8"></script>
<script src="/public/static/js/pageload-teacher.js?622223" charset="utf-8"></script>
<script type="text/javascript">
    pageload.init();
    lightbox.option({
      'albumLabel': ""
    })
</script>
</body>
</html>

